﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Shoe</title>
    <link rel="stylesheet" href="styles/blog.css">
</head>
<body>

<article class="product">
    <h2 class="product-title">Converse Chuck Taylor All Star Low
        Top</h2>

    <img src="/images/shoe.jpg" alt="Converse Chuck Taylor All Star"
         width="250" height="250">
    <p>
        <strong class="price">$65.00</strong>
    </p>
    <p class="shipping">Free shipping</p>
    <p class="sale">Sale</p>
    <p>Ready to dress up or down,these classic
        canvas Chucks are an everyday wardrobe
        staple.</p>

    <a class="more-info" href="#">More information &rarr;</a>

    <div class="colors">
        <div class="color"></div>
        <div class="color color-blue"></div>
        <div class="color color-red"></div>
        <div class="color color-yellow"></div>
        <div class="color color-green"></div>
        <div class="color color-brown"></div>
    </div>

    <h3 class="details-title">Product details</h3>
    <ul class="details-list">
        <li>Lightweight,durable canvas sneaker
        </li>
        <li>Lightly padded footbed for added
            comfort
        </li>
        <li>Iconic Chuck Taylor ankle patch.</li>
    </ul>
    <button class="add-cart">Add to cart</button>
</article>

</body>
</html>